<template>
  <div class="SmallZ">
    <img src="image/SmallTown/jiaqiangou_03.gif">
    <span class="SmallZ-one">盒马 泰式柠檬....</span>
    <div class="SmallZ-one">
        <!-- <span>图片</span> -->
        <span>50</span>
        <span>盒花</span>
    </div>
    <div class="SmallZ-two">
         <button>立即兑换</button>
    </div>
    
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .SmallZ{
        width:45%
    }
    img{
        
        width:0.7rem;
        height:0.8rem;
        margin-left:0.2rem;
        margin-right:0.2rem;
        margin-top:0.05rem;
        display: block;
    }
    .SmallZ-one{
        display:flex;
        margin-top:0.05rem;
        justify-content: center;
        color:#5f5f5f;
    }
    .SmallZ-one span:nth-child(2){
        color: #ec9c7f;
    }
    .SmallZ-two{
        display:flex;
        justify-content: center;
    }
    .SmallZ-two button { 
        width: 0.7rem;
        height: 0.2rem;
        background-color: #ffa607;
        color:#edfdf6;
        border-radius: 20%;
        border-style:none;
        font-size: 0.12rem;
    }
</style>